<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>配送关系管理</title>
 <%@ include file="/WEB-INF/component/commonCSS.jsp"%>
</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1>配送区域数</h1>
        <ol class="breadcrumb">
           <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#">交易</a></li>
            <li class="active"><a href="#">配送关系</a></li>
            <li class="active"><a href="#">配送关系设置</a></li>
        </ol>
    </section>
    
        <section class="content">
        <div class=" box box-success">
            <div class="box-body">
                <div class="form-inline">  
                <div class="form-group form-group-xs">
			            <label for="txtDrugForm">所属地区：</label>
                        <select class="form-control"  id="area1" name="area1" disabled="disabled">
                        <option value="${area.areaId }">${area.areaName }</option>
                        </select>
                         <select class="form-control"  id="area2" name="area2">
                        </select>
                         <select class="form-control"  id="area3" name="area3">
                        </select>
			        </div>              
			        <div class="form-group form-group-xs">
			            <label>状态：</label>
			            <select class="form-control"  id="status" name="status">
			            	<option value="">全部</option>
			            	<option value="1">已确认</option>
			            	<option value="0">未确认</option>
			            </select>
			        </div>
	                <button   id="selectSee" type="button" onclick="gridSerch();" class="btn btn-success btn-sm">查&nbsp;询</button>
	            </div>			      
			</div>
		</div>
<div style="margin-top: 5px;"></div>
	<table class="jqgrid" id="gridlist"></table>
<div style="margin-top: 10px;"></div>
<div id="gridpage"></div>
<div class=" box box-warning bottongroup" id="bottongroup">
<label onclick="removeDel();" class="btn btn-primary btn-sm">解 除</label>
			<label  onclick="window.location.href='${ctx}/baseGoods/toSetDelByComp.html?goodsCode=${param.goodsCode}&projID=${param.projID}&goodsArea=${param.goodsArea}'"   class="btn btn-danger btn-sm" >返 回</label>
		</div>
</section>
<%@ include file="/WEB-INF/component/commonJS.jsp"%>
<script type="text/javascript">

//绑定回车   id="selectSee"
$('#area1,#area2,#area3,#status').bind('keydown', function(event) {
    if (event.keyCode == "13") {
        $('#selectSee').click();
    }
}); 


function removeDel() {
   	//获取选中的ID及对应的名字（参数:jqgridId,名字列名，状态列名，当前操作即列表中显示的值），返回infos[0]是ID串，infos[1]是名字串
  var infos = batchSwitchStatus("gridlist","areaName","status","解除配送关系","区域");
  if ( !(infos instanceof Array)){
   		return;
  }
  $.HN.message.confirm("确定为${form.qualityspecName}解除配送关系吗？", '', '').on(function (e) {
      if (e) {
      	$.ajax({
              url:"${ctx}/baseGoods/removeDel.html",//action地址
              data: {param:infos[0],status:"3"},//传值
              type: "post",//执行方式get or post 默认以post方式执行
              dataType:"json",
              success: function (result) {//执行成功后 提示
                  if (result.success){
                  	top.$.HN.message.alert("成功解除"+infos[0].split(",").length+"个配送关系！","", "success");
                  	gridSerch($("#gridlist").getGridParam("page"));
                 } else {
              	   top.$.HN.message.alert("操作失败！！","", "error");
                 } 
              }
          });
      }
  });
}

$(document).ready(function (){
$("#area2").HNSelect({
            	parent_selector: "#area1",  url: "${pageContext.request.contextPath}/selectController/getArea.html", dataid: "ID",defaultText: "<option value=''>请选择</option>",
                func: function () {
                    $("#area3").HNSelect({
                        parent_selector: "#area2", url: "${pageContext.request.contextPath}/selectController/getArea.html", dataid: "ID", defaultText: "<option value=''>请选择</option>",
                        		
                    });
                }
            });
	jQuery("#gridlist").jqGrid({
		url: "${ctx}/baseGoods/getSetDelArea.html?goodsCode=${param.goodsCode}&compCode=${param.compCode}",
	    mtype: "POST",
		datatype: "json",
		autowidth: true,
		shrinkToFit: true,
		height: 285,
	   	colNames:['','市（州）编码','市（州）名称','县（区）编码','县（区）名称','状态'],
	   	colModel:[
	   	{name:'delRelId',index:'goodsCode',key:true,hidden:true,width:100,align:"center", sortable:false},
	   	{name:'fatherAreaCode',index:'compName',width:100,align:"center", sortable:false},
	   		{name:'fatherAreaName',index:'areaId',width:100, align:"center", sortable:false},
			{name:'areaCode',index:'areaId',width:100,align:"center", sortable:false},
	   		{name:'areaName',index:'areaName',width:100,align:"center", sortable:false},
	   		{name:'status',index:'areaName',width:100,align:"center", sortable:false}
	   	],
		 rowNum: 20,
	     rowList: [10, 20,50,100],
	     rownumbers: true,
	     multiselect:true,
	     pager: "#gridpage",
	     viewrecords: true,
	     gridComplete: function(){
          	//序号列宽度自适应（参数为jqgridID）
             autoRNWidth("gridlist");
          	//数据只有一条时默认选中（参数为jqgridID）
              selectByOneData("gridlist");
		    },
	     caption: "${param.goodsCode}/${form.drugCode}/${form.qualityspecName}/${form.formName}/${form.specName}/${form.factor}${form.unit}/${form.materialName}—${compName}",
	     jsonReader: {
	         repeatitems: false,
	         id: "delRelId"
	     }
	   	
	});
	$("#gridlist").jqGrid("setGridHeight",create());
	$(window).trigger("resize");
	
	
})
function gridSerch(){
	var area = $.trim($("#area3").val());
	var	fatherarea = $.trim($("#area2").val());
	$("#gridlist").jqGrid('setGridParam',{  
        datatype:'json',
        postData:{
        "goodsCode":"${param.goodsCode}",
        "compId":"${param.compId}",
        "areaCode":area,
        "fatherCode":fatherarea,
        "status":$.trim($("#status").val())
        },
        page:1
    }).trigger("reloadGrid"); //重新载入  
}










	    
</script>
</body>
</html>